<template>
  <div>
	  <el-row :gutter="20" class="mb-20">
		<router-link :to="{ name: '壳', params: { id : 'jin' } }"><!--路由传参-->
			<el-col :span="8" class="first-menu">
				<el-button class="first-menu-box border-shadow more-btn">
					<el-row :gutter="10">
						<el-col :span="10" class="icon-box">
							<div class="p"><img src="../../../assets/images/gj.png"></div>	
						</el-col>
						<el-col :span="14" class="title-box">
							<p class="first-menu-title mrt-30">归集</p>
							<p class="Fmenu-total mrt-30 blue">子业务:<span class="blue">8</span></p>
						</el-col>
					</el-row>
				</el-button>
			</el-col>
		</router-link>
		<router-link :to="{ name: '布局2', params: { id : 'jinjin' } }"><!--路由传参-->						
						<el-col :span="8" to="/" class="first-menu">
							<el-button class="first-menu-box border-shadow more-btn">
								<el-row :gutter="10">
									<el-col :span="10" class="icon-box">
										<div class="p"><img src="../../../assets/images/tq.png"></div>	
									</el-col>
									<el-col :span="14" class="title-box">
										<p class="first-menu-title mrt-30">提取</p>
										<p class="Fmenu-total mrt-30 lightgreen">子业务:<span class="">8</span></p>
									</el-col>
								</el-row>
							</el-button>
						</el-col>
		</router-link>
		<router-link :to="{ name: '布局2', params: { id : 'jjj' } }"><!--路由传参-->	
						<el-col :span="8" to="/" class="first-menu">
							<el-button class="first-menu-box border-shadow more-btn">
								<el-row :gutter="10">
									<el-col :span="10" class="icon-box">
										<div class="p"><img src="../../../assets/images/dk.png"></div>	
									</el-col>
									<el-col :span="14" class="title-box">
										<p class="first-menu-title mrt-30">贷款</p>
										<p class="Fmenu-total mrt-30 purple">子业务:<span>8</span></p>
									</el-col>
								</el-row>
							</el-button>
						</el-col>
		</router-link>
	</el-row>
	<el-row :gutter="20">			
			<router-link :to="{ name: '财务布局', params: { id : 'jin' } }"><!--路由传参-->
						<el-col :span="8" to="/" class="first-menu">
							<el-button class="first-menu-box border-shadow more-btn">
								<el-row :gutter="10">
									<el-col :span="10" class="icon-box">
										<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
									</el-col>
									<el-col :span="14" class="title-box">
										<p class="first-menu-title mrt-30">变更缴存</p>
										<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
									</el-col>
								</el-row>
							</el-button>
						</el-col>
			</router-link><!--路由传参-->
						<el-col :span="8" to="/" class="first-menu">
							<el-button class="first-menu-box border-shadow more-btn">
								<el-row :gutter="10">
									<el-col :span="10" class="icon-box">
										<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
									</el-col>
									<el-col :span="14" class="title-box">
										<p class="first-menu-title mrt-30">变更缴存</p>
										<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
									</el-col>
								</el-row>
							</el-button>
						</el-col>
						<el-col :span="8" to="/" class="first-menu">
							<el-popover ref="popover1" placement="bottom" width="800" trigger="hover" class="popover-menu">
								<el-row :gutter="20">
									<el-col :span="8" to="/" class="first-menu mb-20">
										<el-button class="first-menu-box border-shadow more-btn">
											<el-row :gutter="10">
												<el-col :span="10" class="icon-box">
													<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
												</el-col>
												<el-col :span="14" class="title-box">
													<p class="first-menu-title mrt-30">变更缴存</p>
													<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
												</el-col>
											</el-row>
										</el-button>
									</el-col>
									<el-col :span="8" to="/" class="first-menu mb-20">
										<el-button class="first-menu-box border-shadow more-btn">
											<el-row :gutter="10">
												<el-col :span="10" class="icon-box">
													<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
												</el-col>
												<el-col :span="14" class="title-box">
													<p class="first-menu-title mrt-30">变更缴存</p>
													<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
												</el-col>
											</el-row>
										</el-button>
									</el-col>
									<el-col :span="8" to="/" class="first-menu mb-20">
										<el-button class="first-menu-box border-shadow more-btn">
											<el-row :gutter="10">
												<el-col :span="10" class="icon-box">
													<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
												</el-col>
												<el-col :span="14" class="title-box">
													<p class="first-menu-title mrt-30">变更缴存</p>
													<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
												</el-col>
											</el-row>
										</el-button>
									</el-col>
									<el-col :span="8" to="/" class="first-menu mb-20">
										<el-button class="first-menu-box border-shadow more-btn">
											<el-row :gutter="10">
												<el-col :span="10" class="icon-box">
													<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
												</el-col>
												<el-col :span="14" class="title-box">
													<p class="first-menu-title mrt-30">变更缴存</p>
													<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
												</el-col>
											</el-row>
										</el-button>
									</el-col>
									<el-col :span="8" to="/" class="first-menu mb-20">
										<el-button class="first-menu-box border-shadow more-btn">
											<el-row :gutter="10">
												<el-col :span="10" class="icon-box">
													<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
												</el-col>
												<el-col :span="14" class="title-box">
													<p class="first-menu-title mrt-30">变更缴存</p>
													<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
												</el-col>
											</el-row>
										</el-button>
									</el-col>
									<el-col :span="8" to="/" class="first-menu mb-20">
										<el-button class="first-menu-box border-shadow more-btn">
											<el-row :gutter="10">
												<el-col :span="10" class="icon-box">
													<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
												</el-col>
												<el-col :span="14" class="title-box">
													<p class="first-menu-title mrt-30">变更缴存</p>
													<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
												</el-col>
											</el-row>
										</el-button>
									</el-col>
									<el-col :span="8" to="/" class="first-menu mb-20">
										<el-button class="first-menu-box border-shadow more-btn">
											<el-row :gutter="10">
												<el-col :span="10" class="icon-box">
													<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
												</el-col>
												<el-col :span="14" class="title-box">
													<p class="first-menu-title mrt-30">变更缴存</p>
													<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
												</el-col>
											</el-row>
										</el-button>
									</el-col>
									<el-col :span="8" to="/" class="first-menu mb-20">
										<el-button class="first-menu-box border-shadow more-btn">
											<el-row :gutter="10">
												<el-col :span="10" class="icon-box">
													<div class="p"><img src="../../../assets/images/Change-deposit.png"></div>	
												</el-col>
												<el-col :span="14" class="title-box">
													<p class="first-menu-title mrt-30">变更缴存</p>
													<p class="Fmenu-total mrt-30 lightgreen">子业务:<span>8</span></p>
												</el-col>
											</el-row>
										</el-button>
									</el-col>
								</el-row>
							</el-popover>
							<el-button v-popover:popover1 class="first-menu-box border-shadow more-btn">
								<el-row :gutter="10">
									<el-col :span="10" class="icon-box">
										<div class="p"><img src="../../../assets/images/menu-more-L.png"></div>	
									</el-col>
									<el-col :span="14" class="title-box">
										<p class="first-menu-title mrt-30">更多分类</p>
										<p class="Fmenu-total mrt-30 lightgreen"><span class="pink">20</span></p>
									</el-col>
								</el-row>
							</el-button>
							
						</el-col>
				</el-row>
  </div>
</template>


<style lang='scss'>
  /*引入无须编译的css文件*/

</style>